$(function() {

	var showArray = [];
	var j = 0;
	for(var i = 0; i < jsonArray.length; i++) {
		if(jsonArray[i]["recent"] == true) {
			showArray[j] = jsonArray[i];
			j++;
		}
	}

	//Knockout绑定
	var ViewModel = function() {};
	var viewModel = new ViewModel();
	viewModel.data = ko.observableArray(showArray);
	ko.applyBindings(viewModel);

	var tabbarRecent = document.getElementById('ref-recent');
	tabbarRecent.onclick = function() {
		viewModel.data.removeAll();
		for(var i = 0; i < jsonArray.length; i++) {
			if(jsonArray[i]["recent"] == true)
				viewModel.data.push(jsonArray[i]);
		}
	};

	var tabbarAll = document.getElementById('ref-all');
	tabbarAll.onclick = function() {
		//alert(jsonArray.length);
		viewModel.data.removeAll();
		for(var i = 0; i < jsonArray.length; i++) {
			viewModel.data.push(jsonArray[i]);
		}
		//		alert(showArray.length);

	};

	//构造控件实例
	var listview = UM.listview('#listview');
	//添加控件方法
	listview.on('pullDown', function(sender) {
		//这是可以编写列表下拉加载逻辑，参数sender即为当前列表实例对象
		/* var row = {'name':'中国兵器装备集团公司','code':'000000000000','order_status':'待审核','order_money':'1,500','currency':'$','order_date':'2015-01-01','delivery_date':'2015-01-02','contact_name':'小明','contact_tel':'130********','if_store':false, 'memo':'记得及时发货'};
		viewModel.data.unshift(row);*/
		sender.refresh();
	});
	listview.on('pullUp', function(sender) {
		//这是可以编写列表上拉刷新逻辑，参数sender即为当前列表实例对象
		/* var row = {'name':'宝钢集团有限公司','code':'000000000006','order_status':'待审核','order_money':'2,500','currency':'$','order_date':'2015-01-01','delivery_date':'2015-01-02','contact_name':'小明','contact_tel':'130********','if_store':false, 'memo':'记得及时发货'};
		viewModel.data.push(row); */
		sender.refresh();
	});
	listview.on('itemDelete', function(sender, args) {
		//这是可以编写行删除逻辑，参数sender即为当前列表实例对象，args对象有2个属性，即rowIndex(行索引)和$target(目标行的jquery对象)
		/* args.$target.slideUp(500, function() {
			var item = viewModel.data()[args.rowIndex];
			viewModel.data.remove(item);
		}); */
	});
	listview.on('itemClick', function(sender, args) {
		//这里可以处理行点击事件，参数sender即为当前列表实例对象，args对象有2个属性，即rowIndex(行索引)和$target(目标行的jquery对象)
		//alert('您点击了列表第' + (args.rowIndex + 1) + "行！");
	});
	listview.on('itemSwipeLeft', function(sender, args) {
		//这里可以处理行左滑事件，参数sender即为当前列表实例对象，args对象有2个属性，即rowIndex(行索引)和$target(目标行的jquery对象)
		//sender.showItemMenu(args.$target);             
	});
	listview.on('tapHold', function() {
		//这里可以处理长按事件
		//console.log('您长按了列表！');
	});

	$('.um-back').click(function() {
//		alert('back');
		summer.closeWin();
	});
});

var jsonArray = [{
	'name': '国家电网公司',
	'code': '000000000001',
	'recent': true,
}, {
	'name': '中石油',
	'code': '000000000002',
	'recent': false,
}, {
	'name': '中石化',
	'code': '000000000003',
	'recent': true,
}, {
	'name': '中国移动',
	'code': '000000000004',
	'recent': true,
}, {
	'name': '中国联通',
	'code': '000000000005',
	'recent': false,
}];